import Vue from 'vue' // 引入Vue
import Vuex from 'vuex' // 引入Vuex

Vue.use(Vuex) // vue通过use方法使用插件vuex

export default new Vuex.Store({ // 创建仓库
  state: { // 公用数据
    city: '上海'
  },
  // actions: {
  //   changeCity (ctx, city) {
  //     // console.log(city)
  //     ctx.commit('changeCity', city)
  //   }
  // },
  mutations: {
    changeCity (state, city) {
      state.city = city
    }
  }
})
/* vuex使用（设计理念：把公共数据存到公共存储区域，某一组件改变，其他组件能感知到）
store仓库【
state 公用数据都存在state中（组件想用就用）
acitions
】
改变数据：--dispatch方法--Actions（异步处理或批量同步操作）--commit方法--mutslons改变state【单向数据改变流程】
***首先组件调用actions，然后actions调用mutations，mutatons改变数据***
*/
